<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>人员信息</title>
		<script src="../../common/jquery-3.4.1.min.js"></script>
		<script src="../../../layui/layui/layui.js"></script>
		<link rel="stylesheet" type="text/css" href="../../../layui/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="../../../font-awesome-4.7.0/css/font-awesome.css"/>
		<link rel="stylesheet" type="text/css" href="../../common/common.css" />
		<link rel="stylesheet" href="../../admin/staffInfo/staffInfo.css">
		<link rel="stylesheet" href="staffInfo.css">
		<style>
			/* 分页 */
			.fenye {
				position: absolute;
				top: calc(100% - 100px);
				left: 440px;
			}

			.layui-table {
				width: 700px;
				margin: 0 auto;
			}

			.infobox {
				/* 	position: absolute;
				top: 90px;
				left: 180px;
				width: calc(100% - 240px);
				height: calc(100% - 100px); */
				width: 700px;
				position: absolute;
				top: 100px;
				left: 350px;
			}

			.headimgs {
				width: 20px;
				height: 20px;
			}

			/* 修改头像 */
			#test2 {
				margin: 20px 30px;
			}

			.img1 {
				margin: 8px;
				margin-bottom: 45px;
			}
		</style>
	</head>
	<body>
		<!-- 修改头像 -->
		<div id="test2" style="display: none;">
			<div class="form-group">
				<div class="img1"><label>图片：</label></div>
				<img src=" " alt="" id="img" />
				<input type="file" name="file" id="uploadImage">
			</div>
		</div>
		<!-- 重设密码 -->
		<div id="test1" style="display: none;">
			<form class="layui-form layui-form-pane" action="">
				<div class="layui-form-item" pane style="width: 90%; margin: 20px auto;">
					<label class="layui-form-label">原密码</label>
					<div class="layui-input-block">
						<input type="password" name="password" required lay-verify="required" placeholder="请输入原密码"
							autocomplete="off" class="layui-input" id="password">
					</div>
				</div>
				<div class="layui-form-item" pane style="width: 90%; margin: 20px auto;">
					<label class="layui-form-label">新密码</label>
					<div class="layui-input-block">
						<input type="password" name="password" required lay-verify="required" placeholder="请输入新密码"
							autocomplete="off" class="layui-input" id="newPassword">
					</div>
				</div>
			</form>
		</div>
		<!-- 水平导航-->
		<ul class="layui-nav level" lay-filter="">
			<li class="layui-nav-item"><a href="../../index/index.html">首页</a></li>
			<li class="layui-nav-item layui-this">
				<a href="javascript:;" id="head"></a>
				<dl class="layui-nav-child">
					<!-- 二级菜单 -->
					<dd onclick="change1()">修改头像</dd>
					<dd onclick="change()">修改密码</dd>
					<dd onclick="logout()">退出登录</dd>
				</dl>
			</li>
		</ul>

		<!-- 侧边导航-->
		<ul class="layui-nav layui-nav-tree vertical" lay-filter="test">
			<li class="layui-nav-item layui-this"><a href="../staffInfo/staffInfo.html">人员信息</a></li>
			<li class="layui-nav-item"><a href="../auditMsg/auditMsg.html">留言审核</a></li>
			<li class="layui-nav-item"><a href="../filesUpload/filesUpload.html">公告与资料上传</a></li>
			<li class="layui-nav-item">
				<a href="javascript:;">考试管理</a>
				<dl class="layui-nav-child">
					<dd><a href="../examDep/corPaper/corPaper.html">组卷</a></dd>
					<dd><a href="../examDep/preList/preList.html">未考试卷</a></dd>
					<dd><a href="../examDep/preCorList/preCorList.html">已考未改试卷</a></dd>
					<dd><a href="../examDep/reCorList/reCorList.html">已改试卷</a></dd>
				</dl>
			</li>
			<li class="layui-nav-item">
				<a href="javascript:;">题库</a>
				<dl class="layui-nav-child">
					<dd><a href="../testDatabase/questionList/questionList.html">题目</a></dd>
					<dd><a href="../testDatabase/tagList/tagList.html">标签</a></dd>
				</dl>
			</li>
		</ul>
		<!-- 人员信息-表格 -->
		<div class="infobox">
			<table class="layui-table">
				<colgroup>
					<col width="50">
					<col width="50">
					<col width="50">
					<col width="50">
					<col width="50">
				</colgroup>
				<thead>
					<tr>
						<th>ID</th>
						<th>头像</th>
						<th>姓名</th>
						<th>学号</th>
						<th>权限</th>
					</tr>
				</thead>
				<tbody id="boxinfo">
					<!-- <tr>
						<td>1</td>
						<td><i class="layui-icon layui-icon-face-smile"></i></td>
						<td>陈陈</td>
						<td>2019010000</td>
						<td>admin</td>
					</tr>
					<tr>
						<td>1</td>
						<td><i class="layui-icon layui-icon-face-smile"></i></td>
						<td>陈陈</td>
						<td>2019010000</td>
						<td>admin</td>
					</tr>
					<tr>
						<td>1</td>
						<td><i class="layui-icon layui-icon-face-smile"></i></td>
						<td>陈陈</td>
						<td>2019010000</td>
						<td>admin</td>
					</tr>
					<tr>
						<td>1</td>
						<td><i class="layui-icon layui-icon-face-smile"></i></td>
						<td>陈陈</td>
						<td>2019010000</td>
						<td>admin</td>
					</tr>
					<tr>
						<td>1</td>
						<td><i class="layui-icon layui-icon-face-smile"></i></td>
						<td>陈陈</td>
						<td>2019010000</td>
						<td>admin</td>
					</tr> -->

				</tbody>
			</table>
		</div>
		<!-- 分页 -->
		<div class="fenye">
			<div class="fenye1">
				<div class="zuiqian">
					<i class="fa fa-angle-double-left"></i>
				</div>
				<div class="qian" onclick="shangyiye1()">
					<i class="fa fa-angle-left"></i>
				</div>
				<div class="tiaozhuan">
					<input type="" name="" id="shuruyeshu1" value="" />
				</div>
				<div class="tiaozhuan1" onclick="shuruys1()">
					跳转
				</div>
				<div class="zongyeshu">
					共1页
				</div>
				<div class="dangqianye">
					第1页
				</div>
				<div class="hou" onclick="xiayiye1()">
					<i class="fa fa-angle-right"></i>
				</div>
				<div class="zuihou" onclick="zuihouyiye1()">
					<i class="fa fa-angle-double-right"></i>
				</div>
				<div class="clear">

				</div>
			</div>
		</div>


		<script src="staffInfo.js"></script>


		<script>
			//注意：导航 依赖 element 模块，否则无法进行功能性操作
			layui.use('element', function() {
				var element = layui.element;

			});
		</script>

		<script>
			//注意：导航 依赖 element 模块，否则无法进行功能性操作
			layui.use('element', function() {
				var element = layui.element;

			});
		</script>

		<!-- 导航栏右侧 -->
		<script>
			//JS 
			layui.use(['element', 'layer', 'util'], function() {
				var element = layui.element,
					layer = layui.layer,
					util = layui.util,
					$ = layui.$;

				//头部事件
				util.event('lay-header-event', {
					//左侧菜单事件
					menuLeft: function(othis) {
						layer.msg('展开左侧菜单的操作', {
							icon: 0
						});
					},
					menuRight: function() {
						layer.open({
							type: 1,
							content: '<div style="padding: 15px;">处理右侧面板的操作</div>',
							area: ['260px', '100%'],
							offset: 'rt' //右上角
								,
							anim: 5,
							shadeClose: true
						});
					}
				});

			});
		</script>

	</body>
</html>
